<style>
    .page.article {
        font-size: 0.9em;
    }

    .page__hd {
        padding: 50px 0px;
    }

        .page__hd .flexDiv {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: flex-start;       
            align-items: center; 
            justify-content: center; 
            width: 100%;
            height: 100%;
        }

            .page__hd .flexDiv .big {
                width: 30%;
                background-color: #fff;
                padding: 10.5% 0;
            }
            .page__hd .flexDiv .small {
                flex: 1;
                margin: 0% 5% 0 5%;
                background-color: #fff;
                padding: 9% 0;
            }

    .btn .weui-btn {
        border-radius: 0px;
    }

        .btn .weui-btn::after {
            border-radius: 0px;
        }

    .btn.weui-flex {
        border-radius: 10px;
        border: 1px solid rgba(0,0,0,.2);
        overflow: hidden;
    }

        .btn.weui-flex .weui-btn {
            font-size: 1.2em;
        }
    .chargeDetail .weui-cells:last-child{
        margin-bottom: 15px;
    }
</style>
<div class="page article js_show bg-default" ng-controller="PointsCtrl">
    <div class="page__hd  bg-warn">
        <div class="flexDiv">
            <div class="small radius"><div class="placeholder text-center"><a class="btn ">规则</a></div></div>
            <div class="big radius"><div class="placeholder text-center"><div class="radius text-lg">260</div></div></div>
            <div class="small radius"><div class="placeholder text-center"><a class="btn radius" ui-sref="wx.points_charge_list">兑换</a></div></div>
        </div>
    </div>

    <div class="btn weui-flex  m-t-sm m-l-md m-r-md">
        <div class="weui-flex__item" ng-repeat="item in btns" ng-click="btnCurrBtn_click(item)">
            <div class="placeholder"><a class="weui-btn weui-btn_middle" ng-class="{'weui-btn_default':currBtn != item,'weui-btn_primary':currBtn == item}">{{item.name}}</a></div>
        </div>
    </div>
    <div class="chargeDetail" ng-show="currBtn.id == 1" ng-repeat="item in pointIncomeDetails">
        <div class="weui-cells__title">{{item.Month}}</div>
        <div class="weui-cells">
            <div class="weui-cell" ng-repeat="dom in item.Detail">
                <div class="weui-cell__bd">
                    <p>
                        <span ng-bind="dom.IncomeTypeName"></span><span ng-bind="dom.Income"></span>
                    </p>
                    <p class="page__desc" ng-bind="dom.IncomeTime"></p>
                </div>
                <div class="weui-cell__ft">+<span ng-bind="dom.IncomeValue"></span></div>
            </div>
        </div>
    </div>
    <div class="chargeDetail" ng-show="currBtn.id == 2" ng-repeat="item in pointChargeDetails">
        <div class="weui-cells__title">{{item.Month}}</div>
        <div class="weui-cells">
            <div class="weui-cell" ng-repeat="dom in item.Detail">
                <div class="weui-cell__bd">
                    <p>
                        <span ng-bind="dom.ChargeTypeName"></span> <span ng-bind="dom.Charge"></span>
                    </p>
                    <p class="page__desc" ng-bind="dom.ChargeTime"></p>
                </div>
                <div class="weui-cell__ft">-<span ng-bind="dom.ChargeValue"></span></div>
            </div>
        </div>
    </div>
</div>
